import React from 'react'
import {Col, Row} from 'antd'
import {connect} from 'react-redux'
import VideoBox from '../common/video-box'

class MySubscriptionVideosBox extends React.Component {
  render () {
    const {videos} = this.props
    return <div>
      <Row gutter={32}>
        {
          videos.map(video => {
            return <Col span={8} className='margin-b-3'>
              <VideoBox subscribed video={video} />
            </Col>
          })
        }
      </Row>
    </div>
  }
}

const mapStateToProps = ({videos}) => ({videos})

export default connect(mapStateToProps, () => {})(MySubscriptionVideosBox)
